// @flow
import React, { Component } from 'react';
import { Icon, Menu, Dropdown } from 'antd';
import cx from 'classnames';
import { Link } from 'react-router-dom';
import './LeftMenu.scss';

type Props = { current: string, handleClick(e: any): void };

const LeftMenu = (props: Props) => {
  const { current, handleClick } = props;

  return (
    <div
      className="left-menu"
      onClick={(e) => {
        console.log(e);
      }}
    >
      <ul>
        <Link to="/">
          <Icon type="mail" />
          Home
        </Link>
        <Link to="/blog">
          <Icon type="mail" />
          Blog
        </Link>
        <Link to="/actions">
          <Icon type="mail" />
          Actions
        </Link>
        <Link to="/workbook">
          <Icon type="mail" />
          Work Book
        </Link>
        <Link to="/pay/accounts">
          <Icon type="mail" />
          Accounts
        </Link>
        <Link to="/pay/books">
          <Icon type="mail" />
          Pay Books
        </Link>
      </ul>
    </div>
  );
};

export default LeftMenu;
